.content {
  width: 100%;
  height: 100%;

  .header {
    display: flex;
    justify-content: space-around;
    flex: 1;
  }

  .chat {
    .info {
      display: flex;

      image {
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
      }

      .title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        font-size: 0.9rem;

        // :first-child {
        //   font-size: 0.9rem;
        // }

        .msg {
          color: gray;
          font-size: 0.7rem;
        }
      }
      .list {
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .unread {
        width: 1rem;
        height: 1rem;
        background-color: red;
        text-align: center;
        color: white;
        margin: auto 1rem;
        border-radius: 50%;
      }
    }
  }
}
